<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="layout (title='用户列表')">
    <!-- page content -->
    <div class="right_col" role="main" th:fragment="content">
        <div class="row">
            <div class="page-title">
                <div class="title_left">
                    <h3>Users</h3>
                </div>

                <div class="title_right">
                    <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                        </span>
                    </div>
                </div>
            </div>

            <div class="x_panel" style="">
                <div class="x_title">
                    <div class="col-md-11 col-sm-11 col-xs-11">
                        <h2>员工信息查询 <small> 筛选条件 </small></h2>
                    </div>
                    <div><span th:text="${MSG}"></span></div>
                    <div class="col-md-1 col-sm-1 col-xs-1">
                        <button data-original-title="Tooltip right" type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="right" onclick="downloadFile()">模板导出</button>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <form class="form-horizontal form-label-left"></form>
                    <label class="control-label col-md-1 col-sm-1 col-xs-1">工作地点</label>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <select id="location" class="form-control">
                        </select>
                    </div>
                    <label class="control-label col-md-1 col-sm-1 col-xs-1">科室</label>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <select id="department" multiple="multiple" class="form-control">
                        </select>
                    </div>
                    <label class="control-label col-md-1 col-sm-1 col-xs-1">病房</label>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <select id="ward" multiple="multiple" class="form-control">
                        </select>
                    </div>
                    <br><br><br>
                    <label class="control-label col-md-1 col-sm-1 col-xs-1">学历</label>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <select id="education" multiple="multiple"  class="form-control">
                        </select>
                    </div>
                    <label class="control-label col-md-1 col-sm-1 col-xs-1">职务</label>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <select id="position" multiple="multiple" class="form-control">
                        </select>
                    </div>
                    <label class="control-label col-md-1 col-sm-1 col-xs-1">能级</label>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <select id="level" multiple="multiple"  class="form-control">
                        </select>
                    </div>
                    <br><br><br>
                    <label class="control-label col-md-1 col-sm-1 col-xs-1">职称</label>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <select id="title" multiple="multiple" class="form-control">
                        </select>
                    </div>
                    <label class="control-label col-md-1 col-sm-1 col-xs-1">状态</label>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <select id="status" multiple="multiple" class="form-control">
                        </select>
                    </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-12 col-sm-12 col-xs-12">
            <div id="toolbar" class="btn-group">
                <button id="btn_add" type="button" data-toggle="modal" data-target="#host_add" class="btn btn-default" onclick=jump()>
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
                </button>
                <button id="btn_edit" type="button" data-toggle="modal" data-target="#host_edit" class="btn btn-default">
                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
                </button>
                <button id="btn_delete" type="button" class="btn btn-default">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
                </button>
                <button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal">
                    <span class="glyphicon glyphicon-import" aria-hidden="true"></span>导入
                </button>
            </div>

            <div>
                <table id="table"></table>
            </div>

            <form id="f" th:action="@{/user/importexcel/}" method="POST" enctype="multipart/form-data">
            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                                <div class="file-loading">
                                    <input id="excel" name="excel" multiple type="file">
                                </div>
                            <div id="excels-errors"></div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button id="btnSubmitFile" type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </div>
                </div>
            </div>
            </form>
        </div>
    </div>

</html>
